<template>
	<view>
		<view class="d-flex h-100">
			<view class="bg-blue left">1</view>
			<view class="bg-white right ">
				<view style="padding: 40rpx 60rpx 0 60rpx;" >
					<view class="card header d-flex a-center pl-4">
						<image class="avatar" src="" mode=""></image>
						<view class="flex-1 px-2 d-flex j-sb a-center ">
							<view>
								<view class="font-lg">王柳凯</view>
								<view class="font-md mt-1">189****5544</view>
							</view>
							<view>
								<view @click="logout" class="button rounded border font-md" >退出登录</view>
								<navigator url="/pages/admin/admin">
									<view @click="logout" class="button rounded bg-blue font-md mt-1 text-white" >管理入口</view>
								</navigator>	
							</view>
						</view>
					</view>
					
					<view>
						<view class="py-3 d-flex font-big j-center a-center">请选择</view>
						
						<view class="d-flex j-sb ">
							<view class="card active-block d-flex a-center j-center flex-column">
								<image src="" mode=""></image>
								<view class="title">取出</view>
							</view>
							<view class="card active-block d-flex a-center j-center flex-column">
								<image src="" mode=""></image>
								<view class="title">归还</view>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>


	</view>
</template>

<script setup>
import { ref } from 'vue';
import { useStore } from '@/store/index.js';
import { onReady } from '@dcloudio/uni-app';
const store = useStore();
const logout = ()=>{
	uni.reLaunch({
		url:'/pages/index/index'
	})
}


</script>

<style scoped lang="scss">
.left {
	width: 30vw;
}
.right {
	width: 70vw;
	.header{
		height: 90rpx;
		.avatar {
			width: 60rpx;
			height: 60rpx;
			border-radius: 50%;
		}
		.button{
			width: 80rpx;
		}
	}
	.active-block{
		width: 180rpx;
		height: 200rpx;
		.title{
			font-size: 26rpx;
			font-weight:bold;
			margin-top: 20rpx;
		}
		image{
			width: 50rpx;
			height: 50rpx;
			background-color: #bbb;
		}
	}
}


</style>
